import { Component } from 'react'
import Head from 'next/head'
import { APPLICATION, LIFE_TXT } from "../../../config/constant";
import MyLayout from "../../../components/layout";
import './index.module.less'
import { MyTitle } from '../../../components/myTitle'
import Introduce from "./introduce";
import Picts from './picts';
import Comment from './comment'
import Recommend from './recommend'
import Relation from './relation'
import Director from "./director";
import BarRace from "./barRace";


class NoteDetail extends Component {
  constructor(props) {
    super(props)
    this.state = {}
  }

  render () {
    return (
      <div className="note_detail_cont">
        <Head>
          <title>{APPLICATION}&raquo;{LIFE_TXT}</title>
        </Head>
        <MyLayout>
          <div className="container">
            <div className="lt_cont">
              <div className="introduce">
                <Introduce />
              </div>
              <div className="movie_relation">
                <div className="list">
                  <div className="item">
                    <MyTitle title="导演" />
                    <div className="relation">
                      <Director type="director" />
                    </div>
                  </div>
                  <div className="item">
                    <MyTitle title="演员" />
                    <Relation type="actor" />
                  </div>
                </div>
              </div>
              <div className="bar_race">
                <MyTitle title="热搜榜" />
                <BarRace />
              </div>
              <div className="picts">
                <MyTitle title="图集" />
                <Picts />
              </div>
              <div className="comment">
                <MyTitle title="精选影评" />
                <Comment />
              </div>
            </div>
            <div className="rt_cont">
              <div className="movie_recommend">
                <MyTitle title="相关推荐" />
                <div className="recommend">
                  <Recommend />
                </div>
              </div>

            </div>
          </div>
        </MyLayout>
      </div>
    );
  }
}

export default NoteDetail
